<!DOCTYPE html>
<html lang="zh-cn">
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
	<title>Keeping-focus on writing</title>
	<link rel="stylesheet" href="css/bootstrap.css">
	<link rel="stylesheet" href="style.css" />
</head>
<body>
	<div id="wrap">
		<header>
			<section class="logo">
				<img id="logoimg" class="center-block" src="images/logo.png" alt="logo">
				<p class="text-center">我的精神之源</p>
			</section>
			<div class="container">
				<div class="row">
					<nav class="navbar">
					  <div class="container">
					    <div class="text-center navgater">
					      <a class="btn btn-default" href="#">我们文章</a>
					      <a class="btn btn-default" href="#">匆忙岁月</a>
					      <a class="btn btn-default" href="#">爱是永恒</a>
					    </div>
					  </div>
					</nav>
				</div>
			</div>
		</header>
		<div class="container-fluid">
			<div class="row">
				<div class="col-md-2"></div>
				<div class="col-md-8">		
					<div class="article">
						<div class="articlebody">
							<h2>wordpress主题开发之模板文件的结构</h2>
							<p>wordpress主题开发过程中有些模板文件是必须的，有些事非必须的。每一种模板文件所对应的页面内省wordpress已经有一套总体的结构。现在整理如下。</p>
						</div><!-- articlebody end -->
						<div class="articlebar">
							<span class="date">2016年8月26日</span>
							<span class="review">12次阅读</span>
							<span class="like">5次</span>
							<span class="tags">wordpress 安装 技术</span>
						</div>
					</div><!-- article end -->
					<div class="article">
						<div class="articlebody">
							<h2>wordpress主题开发之模板文件的结构</h2>
							<p>wordpress主题开发过程中有些模板文件是必须的，有些事非必须的。每一种模板文件所对应的页面内省wordpress已经有一套总体的结构。现在整理如下。</p>
						</div><!-- articlebody end -->
						<div class="articlebar">
							<span class="date">2016年8月26日</span>
							<span class="review">12次阅读</span>
							<span class="like">5次</span>
							<span class="tags">wordpress 安装 技术</span>
						</div>
					</div><!-- article end -->
						<div class="page">
							<a href="#" class="btn btn-default">前一页</a>
							<a href="#" class="btn btn-default">后一页</a>
						</div>
				</div>
				<div class="col-md-2"></div>
			</div>	
		<footer>
			<span>
				Copyright © 2016 后园 All Rights Reserved
				Powered by WordPress 4.4.2 | Author by Jing
			</span>
		</footer>
	</div>
	<script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
	<script src="js/bootstrap.js"></script>
</body>
</html>